Ext.define('MyApp.view.Header', {
			extend : 'Ext.toolbar.Toolbar',
			xtype : 'appHeader',
			id : 'app-header',
			height : 50,
			layout : {
				type : 'hbox',
				align : 'middle'
			},
			defaults : {
				xtype : 'buttontransparent'
			},
			initComponent : function() {
				this.items = [{
					xtype : 'component',
					id : 'app-header-title',
					html : '<span id="userSpan"> 当前用户：'
							+ Ext.user.get('userName')
							+ '</span><br/>'
							+ '<span id="dateSpan">'
							+ Ext.Date
									.format(new Date(), '当前时间：Y-m-d D  H:i:s')
							+ '</span>',
					flex : 1
				}, {
					text : '主页',
					id : 'home',
					glyph : 0xf015
				}, {
					text : '搜索',
					glyph : 0xf002
				}, {
					text : '设置',
					glyph : 0xf013,
					menu:{
						border:false,
						items:[
									{text:'个人信息',id:'personallyinfo',glyph:0xf007},
									{text:'修改密码',id:'changepassword',glyph:0xf084}
						]
					}
				}, {
					text : '注销',
					id : 'loginOut',
					glyph : 0xf011
				}, '   ', {
					text : '帮助',
					glyph : 0xf059
				}, {
					text : '关于',
					glyph : 0xf06a
				}];
				Ext.TaskManager.start({
							run : function() {
								Ext.Element.get('dateSpan').update(Ext.Date
										.format(new Date(),
												'当前时间： Y-m-d D  H:i:s'));
							},
							interval : 1000
						});
				this.callParent();
			}
		});